<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1 , user-scalable=no" />
	<title>bootstrap项目实战</title>
	<link rel="stylesheet" href="./css/bootstrap.min.css" />
	<link rel="stylesheet" href="./css/animate.css" />
	<link rel="stylesheet" href="./css/index.min.css" />
</head>

<body>
	<header></header>

	<!--home-->
	<section id="home">
		<div class="lvjing">
			<div class="container">
				<div class="row wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
					<div class="col-md-1"></div>
					<div class="col-md-10">
						<h1>bootstrap实战课程等你来战！</h1>
						<p>
							本套课程适用于：1.WEB开发人员；2.网站维护人员、管理人员<br />
							培训技能的目标：使用bootstrap框架快速构建响应式网页，颠覆传统WEB前端！
						</p>
						<img src="./imgs/php.jpg" class="img img-responsive" alt="php" />
					</div>
					<div class="col-md-1"></div>
				</div>
			</div>
		</div>
	</section>
	<!--home-->

	<!--article-->
	<section id="article">
		<div class="container">
			<div class="row wow fadeIn" data-wow-delay="0.6s">
			</div>
		</div>
	</section>
	<!--article-->

	<!--html5-->
	<section id="html5">
		<div class="container">
			<div class="col-md-6 wow fadeInLeft">
				<h2>HTML5前端开发</h2>
				<p>一线资深前端开发工程师倾情打造！助你完成普通程序员到优秀工程师的华丽升级！</p>
				<p><span class="glyphicon glyphicon-grain mai-icon"></span>使用HTML5与CSS3技术轻松实现设备自适应展示。</p>
				<p><span class="glyphicon glyphicon-grain mai-icon"></span>清晰明了的语义代码结构，更高的可读性、更利于页面维护的。</p>
			</div>
			<div class="col-md-6 wow fadeInRight">
				<img src="./imgs/html5.jpg" class="img img-responsive" />
			</div>
		</div>
	</section>
	<!--html5-->

	<!--bootstrap-->
	<section id="bootstrap">
		<div class="container wow fadeInUp">
			<div class="col-md-6">
				<img src="./imgs/Bootstrap.jpg" class="img img-responsive" />
			</div>
			<div class="col-md-6">
				<h2>bootstrap实战视频教程</h2>
				<p>Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。</p>
				<p><span class="glyphicon glyphicon-grain mai-icon"></span>你的网站和应用能在 Bootstrap 的帮助下通过同一份代码快速、有效适配手机、平板、PC 设备。
				</p>
				<p>
					<span class="glyphicon glyphicon-grain mai-icon"></span>Bootstrap提供了全面、美观的文档。你能在这里找到关于HTML元素、HTML和CSS
					组件、jQuery 插件方面的所有详细文档。
				</p>
			</div>
		</div>
	</section>
	<!--bootstrap-->

	<!--contact-->
	<section id="contact">
		<div class="lvjing">
			<div class="container">
				<div class="row">
					<div class="col-md-6 wow fadeInLeft">
						<h2>
							<span class="glyphicon glyphicon-send"></span>
							&nbsp; 联系我们
						</h2>
						<p>
							HPIT学院是河南厚溥教育有限公司旗下一个IT在线教育平台，目前已有30万注册用户，10万以上APP下载量，5000小时视频内容。
							我们从不说空话，专注于IT在线教育，脱离传统教育的束缚，让你走哪学哪，想学就学。逗比的老师，贴心的助教，在这儿你能感受到来自五 湖四海伙伴们热情和踏实的学习态度！
						</p>
						<address>
							<p>
								<span class="glyphicon glyphicon-home"></span>
								&nbsp; 地址：河南省郑州市经开区中兴产业园51号
							</p>
							<p>
								<span class="glyphicon glyphicon-phone-alt"></span>
								&nbsp; 电话：0371-86567913
							</p>
							<p>
								<span class="glyphicon glyphicon-envelope"></span>
								&nbsp; 邮箱：edu@hpit.com
							</p>
						</address>
					</div>
					<div class="col-md-6 wow fadeInRight">
						<form action="#" method="post">
							<div class="col-md-6">
								<input type="text" class="form-control" placeholder="您的姓名" />
							</div>
							<div class="col-md-6">
								<input type="email" class="form-control" placeholder="您的邮箱" />
							</div>
							<div class="col-md-12">
								<input type="text" class="form-control" placeholder="标题" />
							</div>
							<div class="col-md-12">
								<textarea class="form-control" placeholder="留言内容" rows="4"></textarea>
							</div>
							<div class="col-md-8">
								<input type="submit" class="form-control" value="提交" />
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--contact-->

	<!--footer-->
	<footer></footer>
	<!--footer-->

	<script src="./js/jquery.min.js"></script>
	<script src="./js/bootstrap.min.js"></script>
	<script src="./js/wow.min.js"></script>
	<script src="./js/headerAndFooter.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		new WOW().init();
	</script>
</body>

</html>